<!--
shadowColor
ShadowOffsetX
ShadowOffsetY
ShadowBlur
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <canvas id="canvas" width="300" height="300"></canvas>
    <script>
        var canvas=document.getElementById("canvas");
        var cxt=canvas.getContext('2d');
        cxt.shadowColor='gray';
        cxt.shadowOffsetX=-10;
        cxt.shadowOffsetY=10;
        cxt.shadowBlur=3;
        cxt.font="20px 楷体"
        cxt.fillText("Hello",canvas.width/2,canvas.height/2);
    </script>
</body>
</html>